#users {
    /*position: relative;*/
    height: 450px;
    float: left;
    width: 17%;
    /*border: 1px solid #DDDDDD;*/
    /*margin-right: 5px;*/

}
.load-container{
    left: 25%;
    top: 30%;
    position: absolute;padding:20px 0;text-align:center;}
/*#loading{*/
    /*text-align: center;*/
    /*width: 100%;*/
    /*height: 100%;*/
/*}*/
.load-container .loader{display:inline-block;font-size:30%;text-indent:-9999em;overflow:hidden;width:1em;height:1em;border-radius:50%;margin:0.8em auto;position:relative;-webkit-animation:load 1.7s infinite ease;animation:load 2s infinite ease;}
.load-container p{font-size:14px;color:#0fa4f6;}
@-webkit-keyframes load{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);box-shadow:-0.11em -0.83em 0 -0.4em #d4eaf4,-0.11em -0.83em 0 -0.42em #d4eaf4,-0.11em -0.83em 0 -0.44em #d4eaf4,-0.11em -0.83em 0 -0.46em #d4eaf4,-0.11em -0.83em 0 -0.477em #d4eaf4;}
    5%,
    95%{box-shadow:-0.11em -0.83em 0 -0.4em #a4dbf4,-0.11em -0.83em 0 -0.42em #a4dbf4,-0.11em -0.83em 0 -0.44em #a4dbf4,-0.11em -0.83em 0 -0.46em #a4dbf4,-0.11em -0.83em 0 -0.477em #a4dbf4;}
    30%{box-shadow:-0.11em -0.83em 0 -0.4em #5bc5f4,-0.51em -0.66em 0 -0.42em #5bc5f4,-0.75em -0.36em 0 -0.44em #5bc5f4,-0.83em -0.03em 0 -0.46em #5bc5f4,-0.81em 0.21em 0 -0.477em #5bc5f4;}
    55%{box-shadow:-0.11em -0.83em 0 -0.4em #2ab6f4,-0.29em -0.78em 0 -0.42em #2ab6f4,-0.43em -0.72em 0 -0.44em #2ab6f4,-0.52em -0.65em 0 -0.46em #2ab6f4,-0.57em -0.61em 0 -0.477em #2ab6f4;}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);box-shadow:-0.11em -0.83em 0 -0.4em #0fa4f6,-0.11em -0.83em 0 -0.42em #0fa4f6,-0.11em -0.83em 0 -0.44em #0fa4f6,-0.11em -0.83em 0 -0.46em #0fa4f6,-0.11em -0.83em 0 -0.477em #0fa4f6;}
}
@keyframes load{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);box-shadow:-0.11em -0.83em 0 -0.4em #d4eaf4,-0.11em -0.83em 0 -0.42em #d4eaf4,-0.11em -0.83em 0 -0.44em #d4eaf4,-0.11em -0.83em 0 -0.46em #d4eaf4,-0.11em -0.83em 0 -0.477em #d4eaf4;}
    5%,
    95%{box-shadow:-0.11em -0.83em 0 -0.4em #a4dbf4,-0.11em -0.83em 0 -0.42em #a4dbf4,-0.11em -0.83em 0 -0.44em #a4dbf4,-0.11em -0.83em 0 -0.46em #a4dbf4,-0.11em -0.83em 0 -0.477em #a4dbf4;}
    30%{box-shadow:-0.11em -0.83em 0 -0.4em #5bc5f4,-0.51em -0.66em 0 -0.42em #5bc5f4,-0.75em -0.36em 0 -0.44em #5bc5f4,-0.83em -0.03em 0 -0.46em #5bc5f4,-0.81em 0.21em 0 -0.477em #5bc5f4;}
    55%{box-shadow:-0.11em -0.83em 0 -0.4em #2ab6f4,-0.29em -0.78em 0 -0.42em #2ab6f4,-0.43em -0.72em 0 -0.44em #2ab6f4,-0.52em -0.65em 0 -0.46em #2ab6f4,-0.57em -0.61em 0 -0.477em #2ab6f4;}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);box-shadow:-0.11em -0.83em 0 -0.4em #0fa4f6,-0.11em -0.83em 0 -0.42em #0fa4f6,-0.11em -0.83em 0 -0.44em #0fa4f6,-0.11em -0.83em 0 -0.46em #0fa4f6,-0.11em -0.83em 0 -0.477em #0fa4f6;}
}

#togglebtn {
    cursor:pointer;
}
#search {
    width: 100%;
    height: 50px;
}
#search div{
    padding-left: 0px;
}
/*#search div input {*/
    /*width: 100%;*/
    /*padding-left: 0px;*/
/*}*/
#userface {
    width: 100%;
    float: left;
    border-right: 1px solid #DDDDDD;
}
#userlist {
    position: relative;
    display: block;
    width: 90%;
    border-bottom: 1px solid #DDDDDD;
    height: 420px;
}
#pagers {
    /*height: %;*/
    width: 100%;
}
.pager a,.pager span{
    margin-top: 10px;
}
#users table{
    margin-top: 10px;
    width: 100%;
}
#users list{
    margin-top: 10px;
    width: 100%;
}
#users table tr td{
    background: lightgray;
    padding: 5px;
    width: 100%;
    text-align: center;
}
#users table tr .selected {
    background: red;
}
#rrapp2{
    float: left;
    width: 80%;
}
#toggle {
    margin-right: 5px;
    float: left;
    width: 1%;
    height: 385px;
}
#toggle div {
    position: absolute;
    top: 200px;
    background: #eee;
    height: 40px;
}
#toggle div span {
    line-height: 40px;
    width: 50%;
}
.enter-active{
    transition: all 1s ease-out;
}
.enter {
    transform: translateX(-29%);
}
.leave-active  {
    transform: translateY(-29%);
}